<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <!-- 
            cellpadding-cell细胞、单元格；padding填充---指的是单元格内容距离单元格边框的间隙 
            cellsapcing-cell细胞、单元格；spacing间隙、间隔；---指的是两个细胞间的距离，等效成单元格间隙
        -->
        <table border="1" cellspacing="0" height="200" width="600" bordercolor="red" bgcolor="lightblue">
            <caption>商品列表</caption>
            <tr>
                <th>啤酒</th>
                <th>饮料</th>
                <th>矿泉水</th>
                <th>方便面</th>
                <th>瓜子</th>
                <th>火腿肠</th>
            </tr>
            <tr align="center">
                <td>4瓶</td>
                <td>6瓶</td>
                <td>6瓶</td>
                <td>6瓶</td>
                <td>6瓶</td>
                <td>6瓶</td>
            </tr>
            <tr align="center">
                <td>14元</td>
                <td>14元</td>
                <td>14元</td>
                <td>14元</td>
                <td>14元</td>
                <td>14元</td>
            </tr>
        </table>
    </body>
</html>